@charset 'utf-8';
/*全局  */
*{
  padding: 0rem;
  margin: 0rem;
}
html, body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
  color: #969696
}
body,div,span,p,img,section,i,li,ul{
	margin: 0;
	padding: 0;
}
body{
   /* background-color: #f5f5f5;  */
    background-color: #f7f7f7;
}
/*common  */
.store_hp{
	width: 100%;
	/* margin-bottom: 1.4rem; */
}
.hp_bottom{
	width: 100%;
}
.comm_top{
	display: -webkit-box;
	font-size: 0.46rem;
	border-bottom: 0.32rem solid #f7f7f7;
	background-color: #fff;
}
.comm_left_two{
	-webkit-box-flex: 1;
	text-align: center;
	padding-top: 0.4rem;
	padding: 0.4rem 0.7rem 0 0.7rem;
}

.comm_border{
	display: block;
	border-bottom: 0.18rem solid #2e9670;
	padding-bottom: 0.4rem;
}
.bott_comm_item{
	display: -webkit-box;
	background-color: #fff;
	padding: 0.3rem 0 0.3rem 0.4rem;
	border-bottom: 1px solid #e5e5e5;
}
.item_right{
	-webkit-box-flex: 1;
	margin-left: 0.34rem;
}
.item_up{
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	padding-bottom: 0.2rem;
}
.item_user_pho{
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 1.3rem;
	border: 1px solid #979797;
}
.item_user_info{
	font-size: 0.5rem;
	-webkit-box-flex: 1;
}
.user_name{
	font-weight: 700;
}
.comm_time{
	font-size: 0.4rem;
	color: #aaaaaa;
	margin-right: 0.4rem;
}
.item_cont{
	font-size: 0.42rem;
	margin: 0.1rem 0.5rem 0.3rem 0;
}
.item_down{
	width: 100%;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	margin-right: 0.4rem;
}
.comm_pho_two{
	width: 2.6rem;
	height: 2.6rem;
	margin: 0.1rem;
}
@font-face {
	font-family: 'iconfont';
  src: url('iconfont.ttf?t=1494756232228') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	font-weight: normal;
	font-style: normal;
}
/*图标 */
.icon-clear::before{
  font-family: 'iconfont';
  content: '\c008';
  font-style: normal;
  font-size: .7rem;
  color: #969696;
  position: absolute;
  right: 0.1rem;
  top: 0.16rem;
}
.icon-order::before{
  font-family: 'iconfont';
  content: '\c007';
  font-style: normal;
  font-size: 0.8rem;
  /* color: #999999; */
}
.icon-home::before{
  font-family: 'iconfont';
  content: '\a007';
  font-style: normal;
  font-size: .9rem;
}
.icon-shop::before{
  font-family: 'iconfont';
  content: '\a008';
  /* content: '\C007'; */
  font-style: normal;
  font-size: .8rem;
}
.icon-me::before{
  font-family: 'iconfont';
  content: '\a009';
  font-style: normal;
  font-size: .8rem;
}
.icon-search{
  margin-right: 0.3125rem;
  margin-left: 0.3125rem; 
  text-align: center;
}
.icon-search::before{
  font-family: 'iconfont';
  content: '\a002';
  font-style: normal;
  font-size: 0.8rem; 
  color: #969696;
}
.icon-box{
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    /* position: relative; */
    /* padding: 0.05rem 0.24rem; */
    border-radius: 100%;
    border: 1px solid #e5e5e5;
}
.icon-chi::before{
  font-family: 'iconfont';
  content: '\a003';
  font-style: normal;
  font-size: 0.9rem;
  color: #f2914a;
  position: relative;
  top: .1rem;
}
.icon-he::before{
  font-family: 'iconfont';
  content: '\c010';
  font-style: normal;
  font-size: 0.9rem;
  color: #00b6ee;
  position: relative;
  left: -.35rem;
  top: .1rem;
}
.icon-wan::before{
  font-family: 'iconfont';
  content: '\a006';
  font-style: normal;
  font-size: 0.9rem;
  color: #2e9671;
  position: relative;
  top: .1rem;
}
.icon-le::before{
  font-family: 'iconfont';
  content: '\c012';
  font-style: normal;
  font-size: 0.9rem;
  position: relative;
  left: -.35rem;
  top: .1rem;
  color: #e96a9f;
}
.icon-add::before{
  font-family: 'iconfont';
  content: '\b004';
  font-style: normal;
  font-size: 0.88rem;
  color: #2e9671;
}
.icon-remove::before{
  font-family: 'iconfont';
  content: '\b005';
  font-style: normal;
  font-size: 0.88rem;
  color: #2e9671;
}
.icon-more::before{
  font-family: 'iconfont';
  content: '\c001';
  font-size: 0.76rem;
  font-style:normal;
  font-weight: 100;
  color: #aaaaaa;
}
/* .weui-toast */
.v-transfer-dom .weui-toast, .weui-loading_toast .weui-toast, .weui-mask_transparent .weui-toast, .vux-toast .weui-toast{
  min-width: 3rem !important;
  min-height: 3rem !important;
  top: 38%;
  width: auto !important;
  padding: 0rem .2rem;
}
.v-transfer-dom .weui-toast .weui-icon_toast, .weui-loading_toast .weui-toast .weui-icon_toast, .weui-mask_transparent .weui-toast .weui-icon_toast, .vux-toast .weui-toast .weui-icon_toast{
  margin: 10px 0px;
}
/* weui-icon-success-no-circle weui-icon_toast */
.v-transfer-dom .weui-toast .weui-icon_toast.weui-icon-success-no-circle:before, .weui-loading_toast .weui-toast .weui-icon_toast.weui-icon-success-no-circle:before, .weui-mask_transparent .weui-toast .weui-icon_toast.weui-icon-success-no-circle:before, .vux-toast .weui-toast .weui-icon_toast.weui-icon-success-no-circle:before{
  font-size: 1.125rem;
}
#head{
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  background-color: #fff;
  z-index: 99;
}
#head .weui-input{
  font-size: .46rem;
  vertical-align: middle;
  margin-top: -.15rem;
}
#head.transparent .weui-cell{
  background-color: rgba(255,255,255,.7);
}
#head.transparent .qcode{
  background-color: rgba(255,255,255,.7);
}
#head .weui-cell{
  padding: 0rem;
  background-color: #e5e5e5;
  border: 1px solid transparent;
  border-radius: 3.125rem;
}
.search{
  flex: .9;
  -webkit-box-flex:.9;
  -moz-box-flex: .9;
   margin:.5rem; 
}
.search_full{
  display: block !important;
}
.weui-cells.vux-no-group-title{
  margin-top: 0px;
}
/* #app .vux-slider >.vux-swiper{
  height: 200px !important;
} */
/* 轮播点 */
.vux-slider > .vux-indicator > a > .vux-icon-dot.active, .vux-slider .vux-indicator-right > a > .vux-icon-dot.active
{
  width: 12px;
}
#app .home-list .vux-slider > .vux-indicator,#app .home-list .vux-slider .vux-indicator-right{
  bottom: 30px;
}